<template>
	<view class="content">
		<image class="logo" src="/static/logo.ico"></image>
		<view class="text-area">
			<text class="title">{{ title }}</text>
		</view>
	</view>
</template>


<script>
import{ mapState, mapGetters, mapMutations, mapActions } from "vuex";
import mixin from "@/mixin/index.js"; // 也可以按需混入
export default {
	name: "Demo",
	components: {},
	props: {},
	mixins: [mixin],

	data() {
		return {
			title: "源生信息外链H5系统"
		};
	},

	computed: {
		...mapState(["state"]),
		...mapGetters(["stateGetState"])
	},
	watch: {},

	methods: {
		...mapMutations(["stateSetState"]),
		...mapActions(["stateAcsetState"])
	},

	created() { },
	mounted() {
		// console.log(this,mixin);
	},

	beforeCreate() { },
	beforeMount() { },
	beforeUpdate() { },
	updated() { },
	beforeDestroy() { },
	destroyed() { },
	activated() { },
}
</script>


<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.logo {
			height: 200rpx;
			width: 200rpx;
			border-radius: 12rpx;
			margin-top: 200rpx;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 50rpx;
		}
		.text-area {
			display: flex;
			justify-content: center;
			.title {
				font-size: 36rpx;
				color: #8f8f94;
			}
		}
	}
</style>